<template>
	<div>
		<el-dialog title="收货地址" :visible.sync="dialogFormVisible">
			<el-form :model="form">
				<el-form-item label="活动名称" :label-width="formLabelWidth">
					<el-input v-model="form.name" autocomplete="off"></el-input>
				</el-form-item>
				<el-form-item label="活动区域" :label-width="formLabelWidth">
					<el-select v-model="form.region" placeholder="请选择活动区域">
						<el-option label="区域一" value="shanghai"></el-option>
						<el-option label="区域二" value="beijing"></el-option>
					</el-select>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisible = false">取 消</el-button>
				<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		name: 'addFriendList',
		data() {
			return {
				dialogFormVisible: false,
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				},
				formLabelWidth: '120px',
				
			}
		},
		mounted() {},
		methods: {
			hideModal() {
				this.$emit('hideModal')
			},

			submit() {
				this.$emit('submit')
			},
		}
	}
</script>

<style>
	@import url("../../assets/css/backStyle.css");
	.el-dialog{min-width: 320px;max-width: 600px;border-radius: 8px;}
	.el-dialog__header .el-dialog__title{font-weight: 600;color: #475b6d;}
	.el-dialog__body{padding: 20px 40px 0px 20px;}
	.el-form-item.dialog-footer{display: flex;justify-content: flex-end;align-items: center;padding: 0 0 30px 0;}
	.el-form-item .el-form-item__content .el-radio-group .el-radio{margin: 6px 8px;display: flex;justify-content: space-between;align-items: center;float: left;}
	.el-form-item .el-form-item__content .el-radio-group .el-radio .el-radio__label .icon{font-size: 26px;}
	.el-form-item .iconLink{width: 64px;}
</style>
